.mainbanner .out{ width:100%;height:480px; position:relative; float:left }
.mainbanner .out .img { width:100%; height:480px;}
.mainbanner .out .img li{ position:absolute; top:0;left:0; width:100%; height:480px}
.mainbanner .out .img a{ width:100%; height:480px;  display:block;}
.mainbanner .out .img a img{ width:100%; height:480px}
.mainbanner .out .num{ position:absolute; bottom:0;left:0px; font-size:0px; text-align:center; width:100%; height:40px; }
.mainbanner .out .num li{ width:8px; height:8px; background:#C80003; color:#fff; text-align:center; line-height:28px; display:inline-block; font-size:14px; margin:16px 3px 0; cursor:pointer; font-weight:bold; border-radius:50%}
.mainbanner .out .num li.active{ background:#F87B00;}
.mainbanner .out .btn{ position:absolute; top:50%; margin-top:-30px;width:30px; height:60px; background:rgba(0,0,0,0.5); color:#fff; text-align:center; line-height:60px; font-size:40px;cursor:pointer; transition:all 0.5s; opacity:0}
.mainbanner .out:hover .btn{opacity:1}
.mainbanner .out .left{ left:0}
.mainbanner .out .right{ right:0;}